<div class="mt-3">

    <table class="table table-bordered text-nowrap bg-light zero3-list-table">
        <thead class="sticky-top" style="top: 42px; z-index: 9">
        <tr class="text-center table-primary">
            <th scope="col" (click)="head.tr.selectedAll.click($event)">
                <fa-icon [icon]="head.tr.selectedAll.icon"></fa-icon>
            </th>
            <th scope="col"><span>商品编号</span></th>
            <th scope="col"><span>商品名称</span></th>
            <th scope="col"><span>商品状态</span></th>
            <!--<th scope="col"><span>商品库存</span></th>-->
            <th scope="col"><span (click)="head.serGoodsStock.sort($event)">
                {{head.serGoodsStock.name}}
                <ng-container *ngIf="head.serGoodsStock.icon !== null">
                    <fa-icon [icon]="head.serGoodsStock.icon"></fa-icon>
                    {{head.serGoodsStock.orderOrder}}
                </ng-container>
            </span></th>
            <th scope="col"><span>实际库存</span></th>
            <th scope="col"><span>是否积分商品</span></th>
            <th scope="col"><span>现价</span></th>
            <th scope="col"><span>商品原价</span></th>
            <th scope="col"><span>所需积分</span></th>
            <th scope="col"><span>打折</span></th>
            <th scope="col"><span>品牌</span></th>
            <th scope="col"><span>一级分类</span></th>
            <th scope="col"><span>二级分类</span></th>
<!--            <th scope="col"><span>Audit</span></th>
            <th scope="col"><span>Using</span></th>-->
            <th scope="col"><span (click)="head.serMemo.sort($event)">
                {{head.serMemo.name}}
                <ng-container *ngIf="head.serMemo.icon !== null">
                    <fa-icon [icon]="head.serMemo.icon"></fa-icon>
                    {{head.serMemo.orderOrder}}
                </ng-container>
            </span></th>
            <th scope="col"><span>Creator</span></th>
            <th scope="col"><span (click)="head.createTime.sort($event)">
                {{head.createTime.name}}
                <ng-container *ngIf="head.createTime.icon !== null">
                    <fa-icon [icon]="head.createTime.icon"></fa-icon>
                    {{head.createTime.orderOrder}}
                </ng-container>
            </span></th>
            <th scope="col"><span>Last Mender</span></th>
            <th scope="col"><span>Last Modify Time</span></th>
        </tr>
        </thead>
        <tbody>
        <ng-container *ngFor="let item of data?.page?.content; let i = index">
            <tr (click)="body.tr.click($event, item?.uuid)" tooltip="{{item?.serNum}} | {{item?.serGoodsName}}"
                (dblclick)="body.tr.dbclick($event, item?.uuid)"
                [ngClass]="{'row-selected': body.tr.isSelected(item?.uuid)}">
                <th scope="row" class="text-center">{{i + 1}}</th>
                <td>{{item?.serNum}}</td>
                <td tooltip="{{item?.serGoodsName}}">{{item?.serGoodsName}}</td>
                <td>{{zero3Enum.ITEM_STATUS_FLAG.get(item?.serShelfState)}}</td>
                <td>{{item?.serGoodsStock}}</td>
                <td>{{item?.serGoodsRedisStock}}</td>
                <td>{{zero3Enum.ITEM_TYPE_FLAG.get(item?.serGoodsIsactive)}}</td>
                <td>{{item?.serGoodsPricel}}</td>
                <td>{{item?.serGoodsPrice}}</td>
                <td>{{item?.serGoodsJifenNum}}</td>
                <td>{{item?.serGoodsDazhe}}</td>
                <td>{{item?.gooBrand?.serBarndName}}</td>
                <td>{{item?.gooTypeLevel1?.serTypeName}}</td>
                <td>{{item?.gooTypeLevel2?.serTypeName}}</td>
                <!--                <td>{{zero3Enum.AUDIT_FLAG.get(item?.serAudit)}}</td>
                                <td>{{zero3Enum.USING_FLAG.get(item?.serUsing)}}</td>-->
                <td>{{item?.serMemo}}</td>
                <td>{{item?.creator}}</td>
                <td>{{item?.createTime}}</td>
                <td>{{item?.lastModifier}}</td>
                <td>{{item?.lastModifyTime}}</td>
            </tr>
        </ng-container>
        </tbody>
    </table>

</div>

<app-zero3-list-page [table]="this"></app-zero3-list-page>
